<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 这里是bootstrap应用部分 -->
<!-- 两个必须的meta标签/ -->
<meta charset="UTF-8">
<!-- 响应式布局标签：viewport-->
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- bootstrap css文件 -->
<link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.min.css">
<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script
	src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
	integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
	crossorigin="anonymous"></script>
<script
	src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
	integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
	crossorigin="anonymous"></script>
<title>登陆界面</title>
<style>
body {
background-image:url('./images/scen1.jpg');
width:100%;
height:100%;
}
.container{
	width: 600px;
	height: 400px;
	/* 实现整个框居中效果 */
	padding:50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	border:2px;
	border-radius:25px;
	background-color:white;
}
</style>
</head>
<body>
	<%
//接受返回信息
%>

<!-- 登录容器 -->
<div class="container">
<h2 style="font-weight:bolder;">用户登录</h2>
<form action="LoginServlet" method="post">
		<div class="form-group">
			<label for="InputUserNum">账号</label> 
			<input type="test" name="usernum" class="form-control" 
			id="InputUserNum" placeholder="学号或工号" > 
		</div>
		<div class="form-group">
			<label for="InputPwd">密码</label> 
			<input type="password" name="pwd" class="form-control" 
				id="InputPwd" placeholder="密码">
		</div>
		<button type="submit" name="btn" class="btn btn-info btn-block">登录</button>
</form>
<%
	String b1 = request.getParameter("b1");
	String b2 = request.getParameter("b2");
	if (b1 != null)
		out.println("账号不存在！");
	else if (b2 != null)
		out.println("密码错误！");
	%>
</div>
</body>
</html>